import React from 'react';
import styles from './style.css'
import Cookie from 'js-cookie'


import Map from 'lodash.map'
import MyIcon from "../../component/Icon/icon";

class FavCourses extends React.Component {
    constructor(props) {
        super()
        this.state = {
            hasMore: true,
            autoLoadMore: false,
            headStylesTop: 97,
            array: [1],
            user: {
                userImage: ""
            }
        }
    }


    render() {
        return <div className={styles.FavCourses}>
            <div className={styles.h1}>
                FavCourses
            </div>

            <div className={styles.row1Wrapper}>
                <div className={styles.row1}>
                    <div>
                        <div className={styles.iamgwWrapper}>
                            <img src="" alt=""/>
                        </div>
                    </div>
                    <div>
                        <div className={styles.top}>
                            <div className={styles.title}>
                                Project Management
                            </div>
                            <div className={styles.small}>Management</div>
                        </div>
                        <div className={styles.line}></div>
                        <div className={styles.bottom}>
                            <div className={styles.item1}>
                                <div className={styles.big}>280</div>
                                <div className={styles.bigSmall}>Students</div>
                            </div>
                            <div className={styles.item1}>
                                <div className={styles.big}>280</div>
                                <div className={styles.bigSmall}>Students</div>
                            </div>
                            <div className={styles.item3}>
                                <div className={styles.rectangle}>$28.99</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div className={styles.row1}>
                    <div>
                        <div className={styles.iamgwWrapper}>
                            <img src="" alt=""/>
                        </div>
                    </div>
                    <div>
                        <div className={styles.top}>
                            <div className={styles.title}>
                                Project Management
                            </div>
                            <div className={styles.small}>Management</div>
                        </div>
                        <div className={styles.line}></div>
                        <div className={styles.bottom}>
                            <div className={styles.item1}>
                                <div className={styles.big}>280</div>
                                <div className={styles.bigSmall}>Students</div>
                            </div>
                            <div className={styles.item1}>
                                <div className={styles.big}>280</div>
                                <div className={styles.bigSmall}>Students</div>
                            </div>
                            <div className={styles.item3}>
                                <div className={styles.rectangle}>$28.99</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div className={styles.row1}>
                    <div>
                        <div className={styles.iamgwWrapper}>
                            <img src="" alt=""/>
                        </div>
                    </div>
                    <div>
                        <div className={styles.top}>
                            <div className={styles.title}>
                                Project Management
                            </div>
                            <div className={styles.small}>Management</div>
                        </div>
                        <div className={styles.line}></div>
                        <div className={styles.bottom}>
                            <div className={styles.item1}>
                                <div className={styles.big}>280</div>
                                <div className={styles.bigSmall}>Students</div>
                            </div>
                            <div className={styles.item1}>
                                <div className={styles.big}>280</div>
                                <div className={styles.bigSmall}>Students</div>
                            </div>
                            <div className={styles.item3}>
                                <div className={styles.rectangle}>$28.99</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div className={styles.row1}>
                    <div>
                        <div className={styles.iamgwWrapper}>
                            <img src="" alt=""/>
                        </div>
                    </div>
                    <div>
                        <div className={styles.top}>
                            <div className={styles.title}>
                                Project Management
                            </div>
                            <div className={styles.small}>Management</div>
                        </div>
                        <div className={styles.line}></div>
                        <div className={styles.bottom}>
                            <div className={styles.item1}>
                                <div className={styles.big}>280</div>
                                <div className={styles.bigSmall}>Students</div>
                            </div>
                            <div className={styles.item1}>
                                <div className={styles.big}>280</div>
                                <div className={styles.bigSmall}>Students</div>
                            </div>
                            <div className={styles.item3}>
                                <div className={styles.rectangle}>$28.99</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div className={styles.row1}>
                    <div>
                        <div className={styles.iamgwWrapper}>
                            <img src="" alt=""/>
                        </div>
                    </div>
                    <div>
                        <div className={styles.top}>
                            <div className={styles.title}>
                                Project Management
                            </div>
                            <div className={styles.small}>Management</div>
                        </div>
                        <div className={styles.line}></div>
                        <div className={styles.bottom}>
                            <div className={styles.item1}>
                                <div className={styles.big}>280</div>
                                <div className={styles.bigSmall}>Students</div>
                            </div>
                            <div className={styles.item1}>
                                <div className={styles.big}>280</div>
                                <div className={styles.bigSmall}>Students</div>
                            </div>
                            <div className={styles.item3}>
                                <div className={styles.rectangle}>$28.99</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    }
}

export default FavCourses